<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    
    <title>Construction.cdy</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }

        #CSConsole {
            background-color: #FAFAFA;
            border-top: 1px solid #333333;
            bottom: 0px;
            height: 200px;
            overflow-y: scroll;
            position: fixed;
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="../build/js/Cindy.js"></script>
<script id="csinit" type="text/x-cindyscript">
rule = "evenodd";
nonz():=(
rule = "nonzero";
);
eo():=(
rule = "evenodd";
);
</script>
<script id="csdraw" type="text/x-cindyscript">
lst = [A,B,C,D,E,A];
fillpoly(lst, fillrule->rule);
</script>
    <script type="text/javascript">
var cdy = CindyJS({
  scripts: "cs*",
  defaultAppearance: {
    dimDependent: 0.7,
    fontFamily: "sans-serif",
    lineSize: 1,
    pointSize: 5.0,
    textsize: 12.0
  },
  angleUnit: "°",
  geometry: [
    {name: "A", type: "Free", pos: [-3.347517730496454, -4.0, -0.7092198581560284], color: [1.0, 0.0, 0.0], labeled: true},
    {name: "B", type: "Free", pos: [-3.2, -4.0, -4.0], color: [1.0, 0.0, 0.0], labeled: true},
    {name: "C", type: "Free", pos: [4.0, 1.6078431372549018, 0.4901960784313726], color: [1.0, 0.0, 0.0], labeled: true},
    {name: "D", type: "Free", pos: [-0.7407407407407408, -4.0, -0.9259259259259259], color: [1.0, 0.0, 0.0], labeled: true},
    {name: "E", type: "Free", pos: [4.0, 0.9051094890510948, 0.7299270072992701], color: [1.0, 0.0, 0.0], labeled: true}
  ],
  ports: [{
    id: "CSCanvas",
    width: 680,
    height: 335,
    transform: [{visibleRect: [-9.06, 9.34, 18.14, -4.06]}],
    background: "rgb(168,176,192)"
  }],
  csconsole: false,
  cinderella: {build: 1898, version: [2, 9, 1898]}
});
    </script>
</head>
<body>
    <div id="CSCanvas"></div>
    <div>
 <button onclick="cdy.evokeCS('eo()')">evenodd</button>
 <button onclick="cdy.evokeCS('nonz()')">nonzero</button>
 </div>
</body>
</html>
